<!DOCTYPE html>
<html>

<head>
    <title>千锋教育——做真实的自己,用心做教育</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <link rel="stylesheet" href="./css/logon.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./font/iconfont.css">
</head>

<body>
    <header></header>
    <section>
        <div class="login_box">
            <!-- <i>X</i> -->
            <div class="left l">
                <h4>用户注册</h4>
                    <ul>
                        <li>
                            <input type="text" placeholder="请输入您的手机号" id="username" name="username">
                            <span id="showUser"></span>
                        </li>
                        <li>
                            <input type="password" placeholder="请填写密码" id="userpass" name="userpass">
                            <i class="iconfont icon-xiaoyanjing"></i>
                            <span id="showPass"></span>
                        </li>
                        <li>
                            <input type="password" placeholder="请确认密码" class="pwd1">
                            <i class="iconfont icon-xiaoyanjing"></i>
                            <span id="showPass1"></span>
                        </li>
                        <li style="position: relative;">
                            <input type="text" placeholder="请填验证码" class="yz yz1">
                            <div class="yzm">
                                <span class="randCode"></span>
                                <a href="javascript:void(0)" class="a1">看不清楚？换一个</a>
                            </div>
                            <span class="showyz"></span>
                        </li>
                        <li>
                            <input type="text" placeholder="请输入验证码" class="yz yz2">
                            <b
                                style="display: inline-block;text-align:center;font-size:10px;background-color: #000; color: #fff;height: 40px;width: 115px;line-height: 40px; cursor: pointer;">获取短信验证码</b>
                            <span class="showyzm"></span>
                        </li>
                        <li>
                            <button type="button" id="btnReg">注册</button>
                        </li>
                    </ul>
                    <div style="margin-top: 5px;">
                        <input type="checkbox" checked>
                        <a href="#" style="font-size: 10px;">我已阅读并同意<u>一般销售条款</u></a>和<a href="#"
                            style="font-size: 10px;"><u>隐私政策</u></a>
                    </div>
            </div>
            <div class="right r">
                <h4>用户登录</h4>
                <a href="./login.html" class="kj">快捷登录</a>
                <a href="./login.html" class="zh">账号密码登录</a>
            </div>
        </div>

    </section>
    <footer></footer>
</body>

</html>
<script src="./js/jQuery.js"></script>
<script src="./js/logon.js"></script>
<script>
    $("header").load("header.html");

</script>